<template>
    <div>
      <div class="zmo"><samp class="s">周末去哪玩</samp></div>
      <ul class="xuan">
        <li v-for="i in jj">
          <img :src="i.img" alt="">
        <p class="t">{{i.t1}}</p>
        <p class="t2">{{i.t2}}</p>
        </li>

      </ul>
     <div class="we">
       <div class="we-to">
         <span class="mp-price-desc-highlight">票面价</span>
         是指通过景区指定窗口售卖的纸质门票上标注的价格</div>
     </div>
    </div>
</template>

<script>
    export default {
        name: 'webu',
        data () {
            return {
                jj:[
                  {img:"http://img1.qunarzz.com/sight/source/1811/b8/5d599bbdcf8b57.jpg_r_640x214_2ee055e3.jpg",t1:"浮在海上的绿洲",t2:"南国冰海之域，阳江等你"},
                  {img:"http://img1.qunarzz.com/sight/source/1811/15/66f14e0fd6fbb.jpg_r_640x214_5d69f21d.jpg",t1:"浮在海上的绿洲",t2:"南国冰海之域，阳江等你"},
                  {img:"http://img1.qunarzz.com/sight/source/1811/f8/29dfa785277839.jpg_r_640x214_7d051523.jpg",t1:"浮在海上的绿洲",t2:"南国冰海之域，阳江等你"},
                  {img:"http://img1.qunarzz.com/sight/source/1505/b9/f9d8ace21c06.jpg_r_640x214_1f239a81.jpg",t1:"浮在海上的绿洲",t2:"南国冰海之域，阳江等你"},

                  {img:"http://img1.qunarzz.com/sight/source/1505/fa/ca65fde9677de2.jpg_r_640x214_4500e3ff.jpg",t1:"浮在海上的绿洲",t2:"南国冰海之域，阳江等你"},
                ]
            }
        },
        mounted(){
        }
    }
</script>
<style lang="stylus" scoped>
.zmo{
  padding 0.13rem 0
  background #F6F6F3
  .s{
  margin-left 0.15rem
  }
}

  .xuan {

    p{
      margin 0.05rem 0
      margin-left 0.13rem
    }
    li{
      width 100%
      img{
        width 100%
      }
        .t{
          font-weight 666
        }
          .t2{
            font-size 0.02rem
          }
    }
  }

  .we{
    background #F6F6F3
    .we-to{
      height: .32rem;
      line-height .32rem
      font-size: .012rem;
      margin-left: .3rem;
      .mp-price-desc-highlight {
        font-weight: bold;
      }
    }
  }
</style>
